import React, { Component } from "react";
import { Animated } from "react-native";
import View = Animated.View;

export default class FlexDirection extends Component {
  render() {
    return (
      // 把 flexDirection 改为 column 看看
      <View
        style={{
          flexDirection: "row",
          // flex: 1,
          justifyContent: "center",
          alignItems: "center"
        }}
      >
        <View
          style={{ width: 50, height: 50, backgroundColor: "powderblue" }}
        />
        <View style={{ width: 50, height: 50, backgroundColor: "skyblue" }} />
        <View style={{ flex: 1, backgroundColor: "steelblue" }} />
      </View>
    );
  }
}
